<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/interna.xhtml">

	<ui:define name="nav">
		<h:form id="menu">
			<p:menu id="menuItens" styleClass="menu">
				<p:menuitem value="Pacotes vendido por cliente" url="/admin/relatorio/pacotes-por-cliente"/>
				<p:menuitem value="Qtd produtos por categoria n&iacute;vel 3" url="/admin/relatorio/produtos-por-categoria"/>
				<p:menuitem value="Qtd produtos por marca" url="/admin/relatorio/produtos-por-marca"/>
				<p:menuitem value="Produtos por marca" url="/admin/relatorio/produtos-por-marca-total"/>
				<p:menuitem value="Categorias por n&iacute;vel" url="/admin/relatorio/categorias-por-nivel"/>
				<p:menuitem value="Pessoa inativas" url="/admin/relatorio/pessoas-inativas" />
			</p:menu>
		</h:form>
	</ui:define>

	<ui:define name="centro">

		<h2 class="titulo-admin">Relat&oacute;rio de quantidade de produtos por categoria do n&iacute;vel 3</h2>

		<p:separator id="separator" styleClass="separador" />
		<h:form>
		<h:panelGrid columns="1">
			
			<p:panel header="Exportar para arquivo">  
		        <h:commandLink>  
		            <p:graphicImage value="/images/excel.png" />  
		            <p:dataExporter type="xls" target="table" fileName="cliente"/>  
		        </h:commandLink>   
		        <h:commandLink>  
		            <p:graphicImage value="/images/pdf.png" />  
		            <p:dataExporter type="pdf" target="table" fileName="cliente"/>  
		        </h:commandLink>          
		    </p:panel>	
			
		</h:panelGrid>
		
		<p:dataTable id="table" var="categoria" value="#{relatorioManagedBean.categorias}" paginator="true" rows="100">
		
			<p:column>  
		       <f:facet name="header">  
		           <h:outputText value="Nome" />  
		       </f:facet>  
		       <h:outputText value="#{categoria.nome}" />  
		   	</p:column>
		   	
		   	<p:column>  
		       <f:facet name="header">  
		           <h:outputText value="Ativa" />  
		       </f:facet>  
		       <h:outputText value="Sim" rendered="#{categoria.ativo}" />  
		       <h:outputText value="N&atilde;o" rendered="#{!categoria.ativo}" />  
		   	</p:column>
		   	
		   	<p:column style="text-align:center">  
		       <f:facet name="header">  
		           <h:outputText value="Produtos ativos" />  
		       </f:facet>  
		       <h:outputText value="#{categoria.ativos}" />  
		   	</p:column>
		   	
		   	<p:column style="text-align:center">  
		       <f:facet name="header">  
		           <h:outputText value="Produtos inativos" />  
		       </f:facet>  
		       <h:outputText value="#{categoria.inAtivos}" />  
		   	</p:column>
		   	
		   	<p:column style="text-align:center">  
		       <f:facet name="header">  
		           <h:outputText value="Total de produtos" />  
		       </f:facet>  
		       <h:outputText value="#{categoria.total}" />  
		   	</p:column>
		  
		
		</p:dataTable>
		</h:form>
	</ui:define>
</ui:composition>
</html>